<template>
	<view>
		<i-loading v-if="loading" />
		<view class=" bg-white px-3 mx-2 rounded-lg mt-2">
			<i-account />
			<i-account-list :resdata="accountList" />
		</view>
		<view class="mt-2 bg-white rounded-lg mx-2 px-3" v-if="gridList&&gridList.length>0">
			<i-nav-list :resdata="gridList"  />
		</view>
		<view class="mt-2 bg-white rounded-lg mx-2 px-3">
			<i-nav-list :resdata="navList" :column="5" />
		</view>
		<view class="mt-2 bg-white rounded-lg mx-2 px-3" v-if="barList&&barList.length>0">
			<i-my-list :resdata="barList" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navList:[{},{},{},{},{}],
				accountList:[{},{},{},{}],
				gridList: [{},{},{},{}],
				myAppsList: [{},{},{},{}],
				barList: [{},{},{},{}],
				loading:true
			}
		},
		onLoad() {
			setTimeout(() => {
				this.loading = false
			}, 1000)
		},
		methods: {
			
			configClick(item) {
				uni.$emit('configClick', item)
			},
		}
	}
</script>

<style>
page{background-color: #f8f8f8;}
</style>
